﻿<%@ Page Language="C#" MasterPageFile="~/YUIAspNet.Master" AutoEventWireup="true" CodeBehind="DifferentTextSameTooltip.aspx.cs" Inherits="YUIAspNetDemo.Tooltip.DifferentTextSameTooltip" Title="Untitled Page" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>YUIAsp.Net Controls : LiveDemo : Tooltip : Same tooltip with different texts</title>
    <script type="text/javascript">
        function ContextTrigger(sender, args)
        {
            
        }
    </script>    
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <h1>Tooltip usage info</h1>
    
    <p>You can use the same instance of YUIAsp.Net Tooltip to display different text.</p>
    
        <ul>
            <li><a id="link1" href="http://www.yuiasp.net">Hover me for tooltip</a></li>
            <li><a id="link2" href="http://www.yuiasp.net">Hover me for tooltip 2</a></li>
            <li><a id="link3" href="http://www.yuiasp.net">Hover me for tooltip 3</a></li>
        </ul>
        <yui:Tooltip ID="ttip" runat="server" ThemeName="Blue" Width="200px" OnClientContextTrigger="ContextTrigger" AttachToElementList="link1,link2,link3"> 
            <Effect Effect="Fade" Duration="0.4" />
            <ContentTemplate>Hello world! Do you like my tooltip?</ContentTemplate>
        </yui:Tooltip>
    </asp:Panel>
    
    
    <p>The same tooltip can be attached to multiple elements.</p>
</asp:Content>
